$(function () {
  $(".reg-box").hide();

  $("#go_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });

  $("#go_login").on("click", function () {
    $(".reg-box").hide();
    $(".login-box").show();
  });

  const form = layui.form;
  const layer = layui.layer
  form.verify({
    // 密码校验
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],

    // 再次输入密码校验
    repwd: function (value) {
      //value 表示输入框的值
      const pwdVal = $('#pwd').val()
      if(value !== pwdVal) return '两次密码不一致'
    },
  });

  $('#btn_reg').on('click', function (e) {
    e.preventDefault()

    const data = {
      username: $('#username').val(),
      password:$('#pwd').val()
    }

    $.ajax({
      type: 'POST',
      url: '/api/reguser',
      data,
      success: function (res) {
        console.log(res
        )
        if (res.status !== 0) return layer.msg(res.message)
        
        layer.msg(res.message)
        $('#go_login').click()
      }
    })
  })

  $('#form').on('submit', function (e) {
    e.preventDefault()
    const data = $(this).serialize()
    $.ajax({
      type: 'POST',
      url: '/api/login',
      data,
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        
        localStorage.setItem('token', res.token)

        location.href = '/index.html'
      }
      
    })
  })
});
